<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax示例</title>
</head>
<body>
    <input type="text" id="name" >
    <button>show</button>
    <ul class="userList">
        <li>user.name</li>
    </ul>

<script src="../static/js/jquery.min.js"></script>
<script>
    $(function(){
        $("#name").keyup(function(){
        // $("button").click(function(){
            $.ajax({
                type:"get",
                url:"users?name="+$("#name").val(),
                success:function (data) {
                    $(".userList").html("");
                    console.log(data);
                    // 遍历用户数组
                    for (let i=0; i< data.length; i++) {
                        // 将用户名组装到UL列表中
                        $("<li>"+data[i].name+"</li>").appendTo($(".userList"));
                    }
                },
                dateType: "json"
            })
        })
    });
</script>
</body>
</html>